<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        var setting = {
            async: {
                enable: true,
                url: "/menu/getZv",
                autoParam: ["id", "name"]
            },
            data:{
                simpleData:{
                    enable: true
                }
            },
            check: {
                enable: true,
                autoCheckTrigger:true
            }

        };
        $(document).ready(function(){
            $.fn.zTree.init($("#treeDemo"), setting);
        });
    </script>
</head>
<body>
<form id="addForm">
    名称:<input type="text" name="roleName" ><br>
    权限:
    <div class="zTreeDemoBackground left">
        <ul id="treeDemo" class="ztree"></ul>
    </div>

</form>
</body>
</html>
